.demo{ width: 100%; max-width: 1200px; margin: 0 auto; padding: 2% 5%;}
.demo .tibox{ font-size: 40px; margin: 0; padding-bottom: 30px; }
.demo .tibox sub{ color: #999; font-size: 12px; }
.demo .instro li{ padding-top: 3%; }
.demo .instro li:first-child{ padding-top: 0; }
.demo .instro li h3{ font-size: 20px; margin:  0; padding: 0 0 .5% 0; }
.demo table{ border-collapse: collapse; }
.demo td,
.demo th{ border: 1px solid #666; padding: 1%; line-height: 20px; }
.demo .td1,
.demo .td2{ width: 15%; text-align: center; }
.demo .td3{ width: 70%; }


.demolist{ padding-top: 3%; }
.demolist li{ padding-top: 3%; }
.demolist li:first-child{ padding-top: 0; }

.txt-scroll{  background-position: 10px center; background-repeat: no-repeat; font-weight: bold; color: #333; }


/*txt-scroll*/
.txt-scroll{ width: 100%; height: 30px; line-height: 30px; padding: 0 5px 0 30px; }
.txt-scroll .scrollbox{ width: 100%; white-space: nowrap; overflow:hidden; transition: all .2s; color: #333 !important; }
.txt-scroll .txt,
.txt-scroll .txt-clone{ display: inline; position: relative; color: #333; line-height: 40px;}